*{
    padding: 0;
    margin: 0;
}
.st1{fill:$primary-color;}
.st0{fill:#FFC112;}
	.st2{fill:none;stroke:#FC72FF;stroke-width:2;stroke-miterlimit:10;}
	.st3{fill:#FFBE1B;}
	.st4{fill:#FCE708;}
	.st5{fill:#FB6010;}
	.st6{fill:#8564FF;}
	.st7{fill:#FFE37B;}
	.st8{fill:#FFFFFF;}
  .token_img{
    height: 14px;
  }
  .color_light{
    color: #f50300;
  }
  .confirm_btc{
    border-radius: 20px;
    margin-top: 8px;
    height: 34px;
  }
body{
  -webkit-text-size-adjust: 100%;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
}
.time_class{
  color: #ddd;
  font-size: 10px;
  margin-top: 3px;
}
:root{
  --van-divider-border-color:#eeeeee;
  --background-field:#f5f5f5;
  --bg_item:#f4f4f4;
  --van-font-size-sm:0.32rem !important;
  --van-dialog-header-padding-top:10px !important;
  --van-font-size-lg:0.37rem;
  --van-dialog-button-height:1.1rem !important;
  --border-triangle:#838383;
  --border-triangle-active:#000;
  --bg-switch:#e9e9e9;
   --color-switch:#999;
  //  --van-stepper-button-round-theme-color:var(--theme) !important;
  //  --van-primary-color:var(--theme) !important;
}
.van-stepper--round .van-stepper__plus{
  background: $primary-color !important;
}
.no_data{
  display:flex;
  align-items: center;
  justify-content: center;
  padding: 14px 10px;
  color: #999;

}
.flex_class{
  display: flex;
  align-items: center;
}
.van-tabs__line{
 background: $primary-color !important;
}
.van-stepper--round .van-stepper__minus{
  color:  $primary-color !important;
  border: 1px $primary-color solid !important;
}
.van-action-bar{
  left: 50% !important;
  transform: translateX(-50%);
  max-width: 10rem;
  width: 100%;
}

.return_value{
  font-size: 11px;
  color: #f60;
  text-align: right;
  .return_value_pay{
    font-size: 9px;
    color: #838383;
    font-weight: 600;
  }
}
.flex_box{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.payType_name{
  font-size: 8px;
  color: #838383;
}
.van-submit-bar{
  left: 50% !important;
  transform: translateX(-50%);
  max-width: 10rem;
}
.amap-marker-label{
  border: none;
  background: transparent;
}
.top10{
  margin-top: 10px;
}
.stock_discribe{
  font-size: 9px;
  color: #888;
  font-weight: 500;
}
.van-field__error-message{
  font-size: 10px;
}
.line_tab{
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    background: rgb(255,255,255,0.4);
}

.top5{
  margin-top: 5px;
}
 .amap-logo{
    display: none!important;
  }
  .amap-copyright{
   visibility:hidden!important;
  }
.custom-content-marker{
  height: 20px;
  .marker_name{
    font-size: 8px;
    white-space: nowrap;
  }
  img{
    height: 20px;
    // width: 16px;
  }
}
.flex{
  display: flex;
  align-items: center;
}
a{
    text-decoration: none;
}
.content-wrapper{
  // min-height: calc(100vh - 2.33rem) !important;
}
.van-field{
    line-height: 1;
}
.van-uploader__upload--readonly{
  display: none !important;
}
.can_click{
  color:$primary-color;
}
.topHead{
  margin-top: 40px;
}
.van-form {
  .van-field{
    margin-top: 5px;
  }
}
.van-doc-theme-dark {
    --bg-switch:#6a6a6a !important;
    --color-switch:#e9e9e9 !important;
    --van-text-color: #f5f5f5!important;
    --van-text-color-2: #707070!important;
    --van-text-color-3: #868686!important;
    // --van-border-color: #3a3a3c!important;
    --van-active-color: #3a3a3c!important;
    --background-field: #353535!important;
    --van-background: #000!important;
    --van-text-color:#f5f5f5!important;
    --van-background-2: #121b22 !important;
    --van-background-3: #110a2c;
    --van-divider-border-color:#4d4d4d !important;
    --van-picker-mask-color:#4d4d4d!important;
    --bg_item:#232323 !important;
    --border-triangle:#6a6a6a !important;
    --border-triangle-active:#fff !important;
    --van-circle-color:none !important;
    --van-primary-color:#f00 !important;
}
.red {
      color: #f00 !important;
    }
    .green{
      color: #27e720 !important;
    }
.tip_class{
  color: red;
  font-size: 10px;
}
  .all_pay {
    display: flex;
    justify-content: space-between;
    .price_box{
      flex-direction: column;
        display: flex;
        align-items: flex-end;
      }
    .all_title {
      color: #888;
      line-height: 20px;
   

      .price {
        color: $money;
        font-size: 12px;
      }
    }
  }
  .id_class{
    color: rgb(255, 133, 52);
    font-size: 10px;
    font-weight: 500;
  }
  .primary_btn{
    padding: 2px 5px;
    color: $primary-color;
    font-size: 0.32rem;
    border-radius: 5px;
    border: 1px solid $primary-color;
  }
.add_img {
  height: 16px;
  width: 16px;
}
  .outline {
    color: #666;
    font-size: 9px;
    font-weight: 500;
  }

  .online {
    color: #27e720;
    font-size: 9px;
    font-weight: 500;
  }
.copyimg {
  color: $primary-color;
  margin-left: 3px;
  font-size: 12px;
}
.wornning_red{
  color: #ee0a24;
  font-weight: bold;
}
.recommend_item{
  .van-image{
    border-radius: 5px;
    .van-image__img{
      border-radius: 5px;
    }
  }
}
.flex{
  .van-image{
    border-radius: 8px;
    .van-image__img{
      border-radius: 8px;
    }
  }
}
.price{
  display: flex;
  flex-direction: column;
  .symbol{
    color: $money;
    font-size: 12px;
  }
  .usdprice{
    font-size: 8px;
    color: #888;
  }

}
.symbol_price{
  font-size: 12px;
  color: $money;
}
.usdt_price{
  font-size: 9px;
  color: #868686;
}
.icon_collect{
    display: flex;
    align-items: center;
    margin-left: 5px;
    .icon_no{
      color: $primary-color;
      font-size: 14px;
    }
    .collect_name{
      font-size: 10px;
      margin-left: 5px;
    }
  }
  
  .goodsList {
    display: flex;


    .goodsImg {
      position: relative;

      .imgBox {
        position: relative;
        margin: 5px 5px 5px 0;

      }
    }

    .goods_num {
      position: absolute;
      bottom: 3px;
      left: 0;
      width: auto;
      padding: 2px 5px;
      border-bottom-left-radius: 6px;
      font-size: 9px;
      background: rgba(0, 0, 0, 0.3);
      color: #fff;
    }

    .goods_name {
      font-size: 8px;
      width: 55px;
      text-align: center;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }
  .tarder_name{
    line-height: normal !important;
  }
  .textArea_field {
    .van-field {
      height: auto !important;
      line-height: 1.3 !important;
      font-size: 10px;
    }
  }
  .needPay{
    display: flex;
    align-items: center;
    padding: 5px;
    .payU{
      color: #f7931a;
    }
  }